<template>
    <div class="container" >
      <FmTable :toolbar="['download']" ref="fmTable" url="/process/admin" tableName="apicode" :columns="columns">
      </FmTable>
    </div>
</template>
<script lang="ts" setup>
import {fetchData, deteleData,ExportData, saveorUpadateDate,deteleAllData} from '@/api/index';
import FmTable from '@/components/common/Table/FmTable.vue'
const columns=[
  {
    "label": "主键",//标签名称
    "index": "id",//数据库索引
    "rules": [
      {required: true, message: "请输入主键", trigger: "blur",},
    ],//值规则
    "search": true,//是否是搜索表单
    "dataType": "text",//值值类型默认字符类型
    "addable":false
  },
  {
    "label": "接口编号",//标签名称
    "index": "apicode",//数据库索引
    "rules": [
      {  max: 50, message: '接口编号长度最大为  50个字符', trigger: 'blur' },
    ],//值规则
    "search": true,//是否是搜索表单
    "dataType": "text",//值值类型默认字符类型
  },
  {
    "label": "接口名称",//标签名称
    "index": "apiName",//数据库索引
    "rules": [
      {  max: 100, message: '接口名称长度最大为  100个字符', trigger: 'blur' },
    ],//值规则
    "search": true,//是否是搜索表单
    "dataType": "text",//值值类型默认字符类型
  },
  {
    "label": "所属模块",//标签名称
    "index": "module",//数据库索引
    "rules": [
      {  max: 30, message: '所属模块长度最大为  30个字符', trigger: 'blur' },
    ],//值规则
    "dataType": "text",//值值类型默认字符类型
  },
  {
    "label": "备注信息",//标签名称
    "index": "remark",//数据库索引
    "rules": [
    ],//值规则
    "dataType": "text",//值值类型默认字符类型
  },
  {
    "label": "状态",//标签名称
    "index": "status",//数据库索引
    "rules": [
    ],//值规则
    "dataType": "text",//值值类型默认字符类型
  },
  {
    "label": "是否删除",//标签名称
    "index": "isDeleted",//数据库索引
    "rules": [
    ],//值规则
    "dataType": "text",//值值类型默认字符类型
  }
]

</script>
<style >
  .handle-box {
    margin-bottom: 20px;
  }

  .table {
    width: 100%;
    font-size: 14px;
  }

  .red {
    color: #ff0000;
  }

  .mr10 {
    margin-right: 10px;
  }

</style>